<template>
  <div class="home-total">
    <HouseKeeper />
    <HeightServe />
    <Chara />
    <!-- <Serve />
    <Setp /> -->
    <PlateModules />
    <Solution :isTitle="true" :isLeft="true" :isBlue="true" :sort="1" />
    <Solution :isTitle="false" :isLeft="false" :sort="2" />
    <Solution :isTitle="false" :isLeft="false" :sort="3" :isBlue="true" />
    <Solution :isTitle="false" :isLeft="false" :sort="4" />
    <Solution :isTitle="false" :isLeft="true" :sort="5" :isBlue="true" />
    <ValueComponent />
    <Marketing />
    <Case />
    <Footer />
  </div>
</template>

<script>
import ValueComponent from "../../components/valueComponent.vue";
import Marketing from "../../components/marketing.vue";
import Case from "../../components/case.vue";
import Footer from "../../components/footer.vue";
import PlateModules from "../../components/plateModules.vue";
import Solution from "../../components/solution.vue";
// import Setp from '../../components/step.vue';
// import Serve from '../../components/serve.vue';
import Chara from '../../components/chara.vue';
import HeightServe from '../../components/heihtServe.vue'
import HouseKeeper from '../../components/houseKeeper.vue'
export default {
  name: "Homes",

  components: {
    ValueComponent,
    Marketing,
    Case,
    Footer,
    PlateModules,
    Solution,
    // Setp,
    // Serve,
    Chara,
    HeightServe,
    HouseKeeper
  },

  data() {
    return {};
  },
};
</script>

<style scoped>
.home-total {
  width: 100%;
}
</style>